<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<HEAD>
     <TITLE>Table-Layout - Cascading Style Sheets Properties</TITLE>
     <link rel="stylesheet" type="text/css" href="../../../ss/2.css" id="thecss">
     <script type="text/javascript" src="../../../scripts/csschange.js"></script>
</HEAD>

<BODY onload="readSS()">

<br>
<center>
<table border=3 cellpadding=5 cellspacing=0>
<tr>
    <td rowspan=2><h1 class="pagetitle">table-layout</h1>
    <b><a href="../../../misc/suppkey.htm">Support Key:</a></b>
    [<b><i class="fs">CSS2</i></b>|<b class="s">CSS2.1</b>] 
    [<b><i class="fs">IE5</i></b>|<b class="s">N6</b>|<b class="s">O7</b>]<br></td>
    <td align=center><b class="alert">Other Table Properties</b><br></td>
</tr>
<tr>
    <td align=center><a href="bcollapse.htm">border-collapse</a><br>
    <a href="bspace.htm">border-spacing</a><br>
    <a href="capside.htm">caption-side</a><br>
    <a href="emptycell.htm">empty-cells</a><br>
    <a href="speakhead.htm">speak-header</a><br></td>
</tr>
<tr><td align=center colspan=2>
<font size=2>= <span class="sitetitle">Index DOT Css</span> by <a 
href="../../../misc/email.htm">Brian Wilson</a> =</font><br>
</td></tr>
</table>
</center>

<div align="center">
<table cellpadding=5 cellspacing=0>
<tr>
    <td>&#160;&#160;<font size=2><a href="../../index.html">Main Index</a> |
        <a href="../../propindex/font.htm">Property Index</a> |
        <a href="../../supportkey/syntax.htm">CSS Support History</a> |
        <a href="../../../history/browsers.htm">Browser History</a></font>&#160;&#160;</td>
</tr>
</table>
</div>
<hr size=1 align="center" width="25%">

<br><br>
<table border=1 cellspacing=0 cellpadding=5>
<tr><td>
<table border=0 cellspacing=0>
<tr>
    <th colspan=3 valign=bottom class="field"><big><u><b
        class="colheaders">&#160;&#160;&#160;Quick Statistics&#160;&#160;&#160;</b></u></big><br></th>
</tr>
<tr><th align=left><b class="l3heading">Default Value: </b><br></th>
    <td rowspan=6>&nbsp;&nbsp;</td>
    <td><b class="alert">auto</b></td></tr>
<tr><th align=left><b class="l3heading">Applicable Elements: </b><br></th>
    <td>&lt;<b class="tagname">table</b>&gt; or elements with an assigned
        '<span class="property">display</span>' value of "table" or "inline-table"</td></tr>
<tr><th align=left><b class="l3heading">Inherit From Parent: </b><br></th>
    <td>No</td></tr>
<tr><th align=left><b class="l3heading">Applicable Media: </b><br></th>
    <td>Visual</td></tr>
<tr><th align=left><b class="l3heading">HTML Equivalent: </b><br></th>
    <td>NA</td></tr>
<tr><th align=left><b class="l3heading">Official Docs: </b><br></th>
    <td><a href="http://www.w3.org/TR/REC-CSS2/tables.html#width-layout">CSS2: Sect. 17.5.2</a>,
        <a href="http://www.w3.org/TR/CSS21/tables.html#width-layout">CSS2.1: Sect 17.5.2</a><br>
        <a href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/tablelayout.asp">Microsoft 
        MSDN Reference</a></td></tr>
</table>
</td></tr>
</table>

<dl>
<dt><big><b class="mainheading">What is it?</b></big>
    <dd>This property controls the layout algorithm used to render table
        structures.
        <br><br>

        Using the "automatic" layout algorithm (the table algorithm used by
        default in most browsers today), all of the table content is required in
        order to determine the final table layout. For larger quantities
        of tabular data, this can be <em>MUCH</em> slower than the "fixed"
        table layout algorithm, especially since more than one analysis
        might need to be performed on the table data. However, this algorithm
        <em>does</em> find sufficient minimum and maximum widths for each
        column, allowing all content in the table's data cells to be
        appropriately rendered as specified by the author.
        <br><br>

        Under the "fixed" layout method, the entire table
        can be rendered once the first table row has been downloaded and
        analyzed. This can drastically speed up rendering time over the
        "automatic" layout method, but subsequent cell content may not
        fit in the column widths provided (the '<a href="../position/clip.htm">clip</a>'
        and '<a href="../position/overflow.htm">overflow</a>' properties
        control the cell appearance in such a case.)
</dl>

<dl>
<dt><br><big><b class="mainheading">Allowed Values</b></big>
<dt><b class="subheading">inherit</b></dt>
<dt>[<b><i class="fs">CSS2</i></b>|<b class="s">CSS2.1</b>] 
    [<b><i class="fs">N6</i></b>|<b class="s">O7</b>]</dt>
    <dd><b class="l3heading">Type:</b> Explicit</dd>
    <dd><b class="l3heading">Description:</b><br>
        Explicitly sets the value of this property to that of the parent.</dd>

<dt><b class="subheading">auto</b></dt>
<dt>[<b><i class="fs">CSS2</i></b>|<b class="s">CSS2.1</b>] 
    [<b><i class="fs">IE5</i></b>|<b class="s">N6</b>|<b class="s">O7</b>]</dt>
    <dd><b class="l3heading">Type:</b> Calculated</dd>
    <dd><b class="l3heading">Description:</b><br>
        Use the automatic table layout algorithm (the method commonly in use in
        most browsers for table layout.)</dd>

<dt><b class="subheading">fixed</b></dt>
<dt>[<b><i class="fs">CSS2</i></b>|<b class="s">CSS2.1</b>] 
    [<b><i class="fs">IE5</i></b>|<b class="s">N6</b>|<b class="s">O7</b>]</dt>
    <dd><b class="l3heading">Type:</b> Explicit</dd>
    <dd><b class="l3heading">Description:</b><br>
        Use the fixed table layout algorithm.</dd>
</dl>

<dl>
<dt><big><b class="mainheading">Example</b></big>
    <dd><div class="example">Ext/Doc: <b class="selector">table</b> {
        <span class="property">table-layout:</span> fixed }</div>
    <dd><div class="example">In-Line:&#160; &lt;<b class="tagname">table</b>
        <span class="tagattrib">STYLE</span>=&quot;<span
        class="property">table-layout:</span> fixed&quot;&gt;</div>
</dl>

<big><b class="mainheading">Browser Peculiarities</b></big>
<ul>
    <li>Nothing to report.
</ul>

<br><br>
<a href="../../../misc/copyright.htm">Boring Copyright Stuff....</a>
<br>

</BODY>
</HTML>